@charset "UTF-8";



	/* common ****************************************************************/

	* { padding:0; margin:0}

	body { min-width:980px; font:16px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; color:#666; /*line-height:25px;*/ background:#fff}

	body * { max-height:999999px}

	h1,h2,h3,h4,h5 { font-weight:normal}

	ul,ol,li { list-style:none}

	a { color:#333; text-decoration:none}

	a:focus { outline:none; -moz-outline:none}

	a:hover { color:#09e}

	em { font-style:normal}

	img { max-width:100%; vertical-align:middle; border:0; border:none; outline:none}

	table { border-collapse:collapse}



	input, button, select, textarea { outline:none; resize:none; font:14px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; font-size:14px; color:#333;  border:1px solid #d7d7d7;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0; background:#fff}

	textarea { height:auto}

	input[type='checkbox'], input[type='radio'] { height:auto; margin-right:10px; box-sizing:border-box; cursor:pointer; background:transparent; border:none;}



	::-webkit-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}

	:-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}

	::-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}

	:-ms-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}





	.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

	

	.scale { overflow:hidden}

	.scale img { width:100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear}

	.scale:hover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}





	.fl { float:left}

	.fr { float:right}



	.tl { text-align:left !important}

	.tc { text-align:center !important}

	.tr { text-align:right !important}



	.f12 { font-size:12px !important}

	.f14 { font-size:14px !important}

	.f16 { font-size:16px !important}

	.f18 { font-size:18px !important}

	.f24 { font-size:24px !important}

	.f30 { font-size:30px !important}

	.f40 { font-size:40px !important}

	.f48 { font-size:48px !important}



	.black { color:black !important}

	.white { color:white !important}

	.red { color:red !important}

	.gray6 { color:#666 !important}

	.gray9 { color:#999 !important}

	.blue { color:#0d75c5 !important}

	.orange { color:#f70 !important}



	.bold { font-weight:bold}



	.block { display:block}

	.inline-block { display:inline-block}



	.p10 { padding:10px}.p20 { padding:20px}.p30 { padding:30px}.p40 { padding:40px}.p50 { padding:50px}

	.m10 { margin:10px}.m20 { margin:20px}.m30 { margin:30px}.m40 { margin:40px}.m50 { margin:50px}



	.pt10 { padding-top:10px}.pt20 { padding-top:20px}.pt30 { padding-top:30px}.pt40 { padding-top:40px}.pt50 { padding-top:50px}

	.pb10 { padding-bottom:10px}.pb20 { padding-bottom:20px}.pb30 { padding-bottom:30px}.pb40 { padding-bottom:40px}.pb50 { padding-bottom:50px}

	.pl10 { padding-left:10px}.pl20 { padding-left:20px}.pl30 { padding-left:30px}.pl40 { padding-left:40px}.pl50 { padding-left:50px}

	.pr10 { padding-right:10px}.pr20 { padding-right:20px}.pr30 { padding-right:30px}.pr40 { padding-right:40px}.pr50 { padding-right:50px}

	

	.mt10 { margin-top:10px}.mt20 { margin-top:20px}.mt30 { margin-top:30px}.mt40 { margin-top:40px}.mt50 { margin-top:50px}

	.mb10 { margin-bottom:10px}.mb20 { margin-bottom:20px}.mb30 { margin-bottom:30px}.mb40 { margin-bottom:40px}.mb50 { margin-bottom:50px}

	.ml10 { margin-left:10px}.ml20 { margin-left:20px}.ml30 { margin-left:30px}.ml40 { margin-left:40px}.ml50 { margin-left:50px}

	.mr10 { margin-right:10px}.mr20 { margin-right:20px}.mr30 { margin-right:30px}.mr40 { margin-right:40px}.mr50 { margin-right:50px}



	/*.clearfix { zoom:1}

	.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden}*/

	

	.clearfix{ *zoom:1;/*IE/7/6*/}

	.clearfix:before,.clearfix:after { content:"";display:table}

	.clearfix:after { clear:both}



	.fadeInUp { -webkit-animation:fadeInUp .6s ease both; -moz-animation:fadeInUp .6s ease both}

	 @-webkit-keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}



	.box-shadow { box-shadow:0px 2px 6px #ccc}

	.row { margin-left:-8px; margin-right:-8px}

	.row:before,.row:after { display:table; content:" "}

	.row:after { clear:both}





	/* online */

	.online { position:fixed; right:10px; bottom:30px; width:45px; z-index:150}
	.wrap980 .online { top:auto; bottom:30px}

	.online li { width:45px; height:45px; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3296e0; background:#fff url(../images/online_icon.png) no-repeat center; /*-webkit-transition:all 0.15s linear;*/}

	.online li a { width:45px; height:45px; display:block}



	.online .online_tel { background-position:0 0; border-color:#f2812d}

	.online .online_tel:hover { background-position:0 -45px; background-color:#f2812d}



	.online .online_qq { background-position:-45px 0}

	.online .online_qq:hover { background-position:-45px -45px}



	.online .online_service { background-position:-90px 0}

	.online .online_service:hover { background-position:-90px -45px}



	.online .online_back { background-position:-135px 0}

	.online .online_back:hover { background-position:-135px -45px}



	.online .online_dm { background-position:-180px 0; border-color:#f2812d}

	.online .online_dm:hover { background-position:-180px -45px; background-color:#f2812d}



	.online li:hover .online_tck { position:relative; right:251px; width:200px; padding:20px; overflow:visible; display:block; border:1px solid #e1ebf2; box-shadow:0 5px 20px rgba(102,102,102,.3); transition:transform .3s ease-in,box-shadow .3s ease-in; background:#fff}



	.online .online_tck { position:absolute; right:50px; top:-1px; width:0; font-size:14px; color:#666; text-align:center; z-index:8; overflow:hidden}

	.online .online_tck i { position:absolute; right:-10px; top:1px; display:block; width:10px; height:50px; z-index:99; background:url(../images/online_arrow.png) no-repeat center}

	.online .online_tck input { width:200px; margin:10px 0; padding:0 10px; height:37px; line-height:35px !important; font-size:16px; color:#000; border:1px solid #ddd}

	.online .online_tck button { width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; border:none; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#2b92df; cursor:pointer}

	.online .online_tck button:hover { background:#51abee}



	/* placeholder */

	.online .online_tck ::-webkit-input-placeholder { color:#999}

	.online .online_tck ::-moz-placeholder { color:#999}

	.online .online_tck :-moz-placeholder { color:#999}

	.online .online_tck :-ms-input-placeholder { color:#999}





	.feedback-tip { word-break:break-all}

	.tipCon { display:none; padding-bottom:10px}

	.tipSucc { color:#2b92df}

	.tipFail { color:#e71c4a}



	/*验证码浮层*/

	#mid-scodeLayer { position:absolute; width:324px; height:228px; background: url(../images/scode.png) 0 0 no-repeat; z-index:160; overflow:hidden}

	.close { position:absolute; right:10px; top:10px; font-size:24px; color:#fff; text-decoration:none}

	.box-line { overflow:hidden}

	#mid-scodeLayer input { float:left; width:165px; height:45px; line-height:45px; margin-right:5px; background:#e3e1df; border:0; padding-left:5px; font-size:14px}

	#mid-scodeLayer img { float:left;= width:80px; height:44px; border:0; vertical-align:middle; cursor:pointer}

	.error-tip { height:29px; line-height:29px; font-size:14px; color:#f00}

	.layer-box { clear:both; margin:0 auto; padding-top:78px; width:266px}

	.layer-btn { display:inline-block; *display:inline; *zoom:1; height:41px; line-height:41px; border:1px solid #3fb2e8; padding:0 42px; color:#3fb2e8; text-decoration:none}

	.layer-btn-em { background:#3fb2e8; color:#fff; margin-left:28px}

	#layer-mask { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#666; opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5; z-index:159; display:none}





	/* 在线咨询 弹框 */

	#popWinClose { position:absolute; right:15px; top:15px; width:20px; height:20px; cursor:pointer; background:url(../images/icon_close.png) no-repeat 0 0}

	#popWinClose:hover { background-position:0 -20px}

	#mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#ccc; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; z-index:1999}

	#maskTop { position:fixed; left:50%; top:50%; color:#333; background:#fff; z-index:2999}

	#maskTitle { position:relative; padding-left:20px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; text-align:left; background:#4587e8}





	/* 申请试用弹框 */

	.popup { position:fixed; left:-100%; right:100%; top:0; bottom:0; text-align:center; font-size:0; z-index:102; display:none}

	.popup:after { content:""; display:inline-block; vertical-align:middle; height:100%; width:0}

	.popup_box {  font-size:14px; color:#000; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative; right:-100%; background:#fff; overflow:hidden}

	.popup h1 { position:relative; padding-left:20px; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; text-align:left; background-color:#4587e8}

	.popup h1 a { position:absolute; right:15px; top:15px; width:20px; height:20px; background:url(../images/icon_close.png) no-repeat 0 0; display:block; cursor:pointer}

	.popup h1 a:hover { background-position:0 -20px}

	.popup_info { width:450px; text-align:left;  margin:50px; overflow:hidden}

	.popup_info p { padding:10px 0; line-height:35px}

	.popup_info label { float:left; width:100px; text-align:right}

	.popup_info input, .popup_info select { padding:0 10px; width:300px; height:35px; line-height:35px; font-size:14px}

	.popup_success { margin-left:50px; padding-left:70px !important; line-height:30px !important; background:url(../images/icon_success.jpg) no-repeat left center}

	.popup_btn a { margin:0 auto; margin-top:30px; display:block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#4587e8}

	.popup_bg { width:100%; height:100%; position:fixed; left:0; top:0; opacity:0.4; filter:alpha(opacity=40); background:#000; z-index:101; display:none}











/* header *********************************************************/

	/* 首页部分 */

	.headerHome { height:630px !important; overflow:hidden}

	.topHome { height:150px !important; background:url(../images/home/top_bg.png) repeat-x !important}



	.header { position:relative; width:100%; height:80px}

	.top { position:fixed; left:0; top:0; width:100%; height:80px; background-color:#172639; z-index:10}

	.top .logo { float:left; position:relative; padding-top:18px}

	.top .logo h6 { font-weight:normal; font-size:12px; color:#bcc6cf; line-height:22px}	

	.top .logo .logo_letter10 { letter-spacing:11.8px}

	.top .logo .logo_letter12 { letter-spacing:5.2px}

	.top .logo .logo_letter13 { letter-spacing:2.4px}

	.top.topFix { position:fixed; height:80px !important; -webkit-box-shadow:0px 0 6px rgba(0, 0,0, 0.6);  -moz-box-shadow:0 0 6px rgba(0, 0,0, 0.6); box-shadow:0 0 6px rgba(0, 0,0, 0.6); background:#172639 !important}



	.top .qq { float:right; width:26px; height:26px; margin:24px 15px 0 0; padding:3px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#cad1dc}

	.top .tel { float:right; margin-top:20px; padding-left:40px; font-size:18px; color:#fff; /*letter-spacing:1.3px;*/ line-height:20px; background:url(../images/home/icon_tel.png) no-repeat 0 4px}

	.top .tel a { color:#fff !important}

	.top .tel span { font-family:Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0}



	.menu { float:left; margin-left:60px}

	.menu .one { position:relative; float:left; display:inline; height:80px; line-height:78px; margin-right:10px; text-align:center}

	.menu .one a { display:block; padding:0 6px; font-size:18px; color:#e4e4e4; display:block; zoom:1}

	.menu .one a:hover, .menu .on a { border-bottom:2px solid #09e; color:#09e}



	.menu .two { position:absolute; left:-18px; top:80px; width:100px; padding:10px; line-height:2.4; border-top:1px solid #233e55; border-bottom:1px solid #233e55; background:url(../images/home/menu_bg.png); display:none; z-index:2}

	.menu .two ul { overflow:hidden}

	.menu .two li { float:left; width:100%}

	.menu .two li a { display:block; font-size:16px; color:#d5d5d5; text-align:center; border:none}

	.menu .two li a:hover, .menu .two dl a:hover { color:#09e; border:none}



	.menu .two dl { float:left; width:15%; padding-left:5%; height:240px; text-align:left; vertical-align:top; isplay:inline-block; *display:inline; zoom:1}

	.menu .two dl .fl { margin-right:30px}

	.menu .two dl dt a { font-style:normal; font-size:18px; color:#fff; border:none}

	.menu .two dl dd a { font-size:16px; color:#d5d5d5; border:none}



	.menu .two_product { left:0; width:100%; line-height:35px; padding:20px 0}

	.menu .two_blockchain { left:-50px; width:160px}

	.menu .two_supplychain { left:-38px; width:140px}
	.menu .two_supplychain1 { left:-29px}
	.menu .two_chain1{ left:-21px}



	.wrap980 .headerHome { height:520px !important}

	.wrap980 .menu { margin-left:35px}

	.wrap980 .menu .one { margin-right:8px}

	.wrap980 .menu .one a { padding:0 5px; font-size:16px}

	.wrap980 .menu .two { width:90px}

	.wrap980 .menu .two_product { width:100%}

	.wrap980 .menu .two_blockchain { width:150px}

	.wrap980 .menu .two_supplychain { left:-43px; width:140px}
	.wrap980 .menu .two_supplychain1 { left:-35px}
	.wrap980 .menu .two_chain1 { left:-26px}


	.wrap980 .top .qq { display:none}

	.wrap980 .top .tel { font-size:18px; letter-spacing:1.4px}

	.wrap980 .top .tel span { font-size:14px}









/* footer *********************************************************/

	.footer { width:100%; color:#fff; border-top:1px solid #d6dbe0; background:#172639; overflow:hidden}

	.footer a { color:#fff}

	.footer .footer_nav { padding:20px 0; min-height:300px; overflow:hidden}

	.footer .footer_nav dl { float:left; width:16.666667%; line-height:34px}

	.footer .footer_nav dl:last-child { width:140px}

	.footer .footer_nav dl dt a, .footer_nav dl dt { font-size:18px}

	.footer .footer_nav dl dd a:hover { color:#09e}

	.footer .footer_link { padding:20px 0 40px 0; border-top:1px solid #475d73; overflow:hidden}

	.footer .footer_honor { width:100%; margin-bottom:20px; overflow:hidden}

	.footer .footer_honor ul { float:left; width:100%; margin-bottom:10px}

	.footer .footer_honor li { float:left; padding-right:15px; height:35px; line-height:35px; font-size:14px}

	.footer .footer_honor li i { float:left; width:35px; margin-right:5px}

	.footer .footer_honor li i img { width:100%}

	.footer .footer_copyright { font-size:14px; text-align:center}

	.footer .footer_copyright span { padding:0 10px}

	.footer_code dd { color:#fff; cursor:pointer}

	.footer_code img { width:100%}



	.wrap980 .footer .footer_link { padding-bottom:30px}

	.wrap980 .footer .footer_honor { margin-bottom:10px}

	.wrap980 .footer .footer_honor li { padding-right:10px; height:25px; line-height:25px; font-size:12px !important}

	.wrap980 .footer .footer_honor li i { width:25px}